    @charset "UTF-8";

    @media all
    {
    /**
    * Fonts
    *
    * (en) global settings of font-families and font-sizes
    * (de) Globale Einstellungen für Zeichensatz und Schriftgrößen
    *
    * @section content-global-settings
    */

    /* (en) reset font size for all elements to standard (16 Pixel) */
    /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
    html * { font-size:100.01%; text-align:justify; }

    /**
    * (en) reset monospaced elements to font size 16px in all browsers
    * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
    *
    * @see: http://webkit.org/blog/67/strange-medium/
    */

    textarea, pre, code, kbd, samp, var, tt {
    font-family:Arial, Helvetica, sans-serif, Verdana, Tahoma, Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
    }

    /* (en) base layout gets standard font size 12px */
    /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
    body {
    font-family:Arial, Helvetica, sans-serif, Verdana, Tahoma;
    font-size:12.5px;
    background-color: #11184f;
    }

    /*--- Headings | Überschriften ------------------------------------------------------------------------*/

    h1,h2,h3,h4,h5,h6 {
    font-family:Arial, Helvetica, sans-serif, Verdana, Tahoma, "Times New Roman", Times, serif;
    font-weight:normal;
    color:#222;
    margin:0 0 0.25em 0;
    }

    h1 { font-size:250%; }                       /* 30px */
    h2 { font-size:200%; }                       /* 24px */
    h3 { font-size:150%; }                       /* 18px */
    h4 { font-size:133.33%; }                    /* 16px */
    h5 { font-size:116.67%; }                    /* 14px */
    h6 { font-size:116.67%; }                    /* 14px */

    /* --- Lists | Listen  -------------------------------------------------------------------------------- */

    ul, ol, dl { line-height:1.5em; margin:0 0 1em 1em; }
    ul { list-style-type:none; }
    ul ul { list-style-type:circle; margin-bottom:0; }

    ol { list-style-type:decimal; }
    ol ol { list-style-type:lower-latin; margin-bottom:0; }

    li { margin-left:0.8em; line-height:1.5em; }

    dt { font-weight:bold; }
    dd { margin:0 0 1em 0.8em; }

    /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

    p { line-height:1.5em; margin:0 0 1em 0; }

    blockquote, cite, q {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style:italic;
    }
    blockquote { margin:0 0 1em 1.6em; color:#666; }

    strong,b { font-weight:bold; }
    em,i { font-style:italic; }

    big { font-size:116.667%; }
    small { font-size:91.667%; }

    pre { line-height:1.5em; margin:0 0 1em 0; }
    pre, code, kbd, tt, samp, var { font-size:100%; }
    pre, code { color:#800; }
    kbd, samp, var, tt { color:#666; font-weight:bold; }
    var, dfn { font-style:italic; }

    acronym, abbr {
    border-bottom:1px #aaa dotted;
    font-variant:small-caps;
    letter-spacing:.07em;
    cursor:help;
    }

    sub, sup { font-size:91.6667%; line-height:0; }

    hr {
    color:#fff;
    background:transparent;
    margin:0 0 0.5em 0;
    padding:0 0 0.5em 0;
    border:0;
    border-bottom:1px #eee solid;
    }

    /*--- Links ----------------------------------------------------------------------------------------- */

    a { color:#4D87C7; background:transparent; text-decoration:none; }
    a:visited  { color:#036; }

    /* (en) maximum constrast for tab focus - change with great care */
    /* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
    a:focus { text-decoration:underline; color:#000; background: #fff; outline: 3px #f93 solid; }
    a:hover,
    a:active { color:#182E7A; text-decoration:underline; outline: 0 none; }

    /* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */

    p.icaption_left { float:left; display:inline; margin:0 1em 0.15em 0; }
    p.icaption_right { float:right; display:inline; margin:0 0 0.15em 1em; }

    p.icaption_left img,
    p.icaption_right img { padding:0; border:1px #888 solid; }

    p.icaption_left strong,
    p.icaption_right strong { display:block; overflow:hidden; margin-top:2px; padding:0.3em 0.5em; background:#eee; font-weight:normal; font-size:91.667%; }

    /**
    * ------------------------------------------------------------------------------------------------- #
    *
    * Generic Content Classes
    *
    * (en) standard classes for positioning and highlighting
    * (de) Standardklassen zur Positionierung und Hervorhebung
    *
    * @section content-generic-classes
    */

    .highlight { color:#c30; }
    .dimmed { color:#888; }

    .info { background:#f8f8f8; color:#666; padding:10px; margin-bottom:0.5em; font-size:91.7%; }

    .note { background:#efe; color:#040; border:2px #484 solid; padding:10px; margin-bottom:1em; }
    .important { background:#ffe; color:#440; border:2px #884 solid; padding:10px; margin-bottom:1em; }
    .warning { background:#fee; color:#400; border:2px #844 solid; padding:10px; margin-bottom:1em; }

    .float_left { float:left; display:inline; margin-right:1em; margin-bottom:0.15em; }
    .float_right { float:right; display:inline; margin-left:1em; margin-bottom:0.15em; }
    .center { display:block; text-align:center; margin:0.5em auto; }
    .centered {text-align: center;}
    .centered table {text-align: left; margin: 0 auto;}
    .centered table tr td {padding-top: 5px;}

    .blue {color:#1881B8;}
    .titlet15 {font-weight:bold;padding:14px 10px 5px 10px;}
    .titlet5 {font-weight:bold;padding:5px 10px 5px 10px;}
    .desc {padding:5px 10px; line-height:2em;}
    .more {padding:10px;}
    .more a {color:#1881B8; text-decoration:none;}
    .clr {clear: both;}

    /* BEGIN */
    #logo {text-align: center; width: 100%; padding-top: 38px;}
    img#logo_i {width: 480px;height: 110px;background:transparent url(images/logosmart.jpg) center top no-repeat; vertical-align:middle;}
    #title_f {text-align: center; width: 100%;padding-top: 17px;}
    img#title_f_i {width: 451px;height: 50px;background:transparent url(images/title_f.png) center top no-repeat; vertical-align:middle;}
    #title_login {text-align: center; width: 100%;padding-top: 35px;}
    img#title_login_i {width: 149px;height: 38px;background:transparent url(images/title_login.png) center top no-repeat; vertical-align:middle;}
    #form {text-align: center; width: 100%; padding-top: 35px; background: transparent;}
    #form .content {background:transparent url(images/bg_form_login_2.png) center top no-repeat; height: 255px; text-align: center;}
    #lock {text-align: center; width: 100%; padding: 22px 0; background: transparent;}
    img#lock_i {width: 28px;height: 28px;background:transparent url(images/lock.png) center top no-repeat; vertical-align:middle;}
    #username {text-align: center; width: 100%; padding-top: 21px; background: transparent;}
    img#username_tit {width: 113px;height: 25px;background:transparent url(images/tit_username.png) center top no-repeat; vertical-align:middle;}
    #password {text-align: center; width: 100%; padding-top: 13px; background: transparent;}
    img#password_tit {width: 113px;height: 25px;background:transparent url(images/tit_password.png) center top no-repeat; vertical-align:middle;}

    #email {text-align: center; width: 100%; padding-top: 21px; background: transparent;}
    img#email_tit {width: 113px;height: 25px;background:transparent url(images/email_tit.png) center top no-repeat; vertical-align:middle;}
    #securitycode {text-align: center; width: 100%; padding-top: 13px; background: transparent;}
    img#securitycode_tit {width: 113px;height: 25px;background:transparent url(images/secure_code_tit.png) center top no-repeat; vertical-align:middle;}
    
    /* GLOBAL CHECK_BOX */
    .globalchk {width: 14px; height: 14px; position: relative; top: 0; right: 6px; float: right;}
    .globalchk input.pretty, .globalchk .chk-wrapper input.pretty {background: url(images/chk_save.png) center top no-repeat; height: 14px; width: 14px; display: block; position: absolute;}
    .globalchk .chk-wrapper { position: relative; width: 14px; margin-top: 0px; margin-left: 0px; }
    .globalchk .chk-wrapper input.pretty { position: absolute; width: 14px; top: 0; right: 6px; border: 0px; margin: 0; padding: 0px; font: 12px "Lucida Grande", Arial, sans-serif; }

    .chktxt {color: #ffffff; padding-left: 5px;}
    .chktxt a, .chktxt a:active, .chktxt a:focus {color: #ffffff;}
    .chktxt a:hover {color: orange;}

    /* GLOBAL SEARCH */
    .globaltxt {width: 245px; height: 25px; position: relative; top: 0; right: 0; background-position: 100% 0; background-repeat: no-repeat; }
    .globaltxt input.g-pretty, globaltxt .txt-wrapper input.g-pretty {background: url(images/txt_m.png) center top repeat-x; }
    .globaltxt input.g-pretty { width:202px; height: 25px; margin-top: 0px; margin-left: 5px; }
    .globaltxt .txt-wrapper { position: relative; width: 250px; margin-top: 0px; margin-left: 5px; }
    .globaltxt .txt-wrapper .left { display: block; position: absolute; left: 0; top: 0; width: 6px; height: 25px; background: url(images/txt_l.png) left top no-repeat; }
    .globaltxt .txt-wrapper .right { display: block; position: absolute; right: 0; top: 0; width: 6px; height: 25px; background: url(images/txt_r.png) right top no-repeat; }
    .globaltxt .txt-wrapper .right2 { display: block; position: absolute; right: 90px; top: 0; width: 6px; height: 25px; background: url(images/txt_r.png) right top no-repeat; }
    .globaltxt .txt-wrapper.empty.blurred input { color: #7E7E7E; }
    .globaltxt .txt-wrapper .reset { position: absolute; width: 11px; height: 11px; overflow:hidden; z-index: 1; right: 4px; top: 4px; display: block; cursor: pointer; _cursor:hand; }
    .globaltxt .txt-wrapper.empty .reset { display: none; }
    .globaltxt .txt-wrapper input.g-pretty { position: absolute; width: 238px; top: 0; right: 6px; border: 0px; margin: 0; padding: 0px; font: 12px "Lucida Grande", Arial, sans-serif; }
    .globaltxt .txt-wrapper input.g-pretty2 { position: absolute; width: 150px; top: 0; right: 6px;left:4px; border: 0px; margin: 0; padding: 0px; font: 12px "Lucida Grande", Arial, sans-serif;height:24px }
    .globaltxt label .prettyplaceholder { display: block; overflow: hidden; text-indent: -9999px; height: 0; width: 0;}

    /* GLOBAL BUTTON */
    .login {text-align: center; width: 100%; padding: 0; margin-top: 22px;}
    .login .btn_login {background:transparent url(images/btn_login.png) no-repeat center top;cursor:pointer;vertical-align:middle;white-space:nowrap;width:135px; height: 32px; border: none;}
    .login .btn_login:hover {background:transparent url(images/btn_login.png) no-repeat 0 -33px;cursor:pointer;vertical-align:middle;white-space:nowrap;width:135px; height: 32px; border: none;}

    .login .btn_send {background:transparent url(images/ok.png) no-repeat center top;cursor:pointer;vertical-align:middle;white-space:nowrap;width:135px; height: 32px; border: none;}
    .login .btn_send:hover {background:transparent url(images/ok.png) no-repeat 10px -35px;cursor:pointer;vertical-align:middle;white-space:nowrap;width:135px; height: 32px; border: none;}
    /* GLOBAL FOOTER */
    .footer {text-align: center; width: 100%; padding: 0; margin-top: 90px;}
    .footer img#footer_i {width: 324px;height: 21px;background:transparent url(images/footer_login.png) center top no-repeat; vertical-align:middle;}
    }
